<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				text-decoration: none;
				list-style: none;
			}
			.father{
				margin: 0 auto;
				width: 327px;
				/*高度377-19*/
				height: 358px;
				
				padding-top: 19px;
				padding-bottom: 10px;
			}
			.son{
				
				height: 105px;
				widows: 327px;
				margin-top: 15px;
			}
			img{
				float: left;
			}
			.introduce{
				margin-left: 8px;
				float: left;
				width: 240px;
				height: 101px;
				
				/*position: relative;*/
			}
			.title{
				font-size: 14px;
				font-weight: bold;
				color: black;
				vertical-align: top;
			}
			.pinglun{
				vertical-align: top;
				font-size: 12px;
				color: #c90210;
				/*position: absolute;*/
				/*right: 5px;*/
				float: right;
				
			}
			.content{
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.content_text{
				margin-top: 15px;
				font-size: 13px;
				color: #686868;
			}
			.xiangqing a{
				font-size: 13px;
				color: #c90210;
			}
			.movie_type{
				font-size: 12px;
				color: black;
			}
			.icon-yonghu-tianchong{
				color: #c90210;
				font-size: 13px;
				margin-right: 3px;
			}
		</style>
	</head>
	<body>
		<div class="father">
			<ul>
				<li>
					<div class="son">
						<a href="#"><img src="img/home_02.png"/></a>
						<div class="introduce">
							<a href="#" class="title">环太平洋</a>
							<span class="pinglun">468人评论过</span>
							<div class="content">
								<span class="content_text"><span style="color: #259c9d;">#环太平洋##</span>环太平洋#对影建筑倒塌、核弹攻击城市、外星人入侵..</span><span class="xiangqing"><a href="#">[详细]</a></span>
							</div>
							<i class="iconfont icon-yonghu-tianchong"></i><a href="#" class="movie_type">欧美电影</a>
						</div>
					</div>
				</li>
				<li>
					<div class="son">
						<a href="#"><img src="img/home_05.png"/></a>
						<div class="introduce">
							<a href="#" class="title">速度与激情6</a>
							<span class="pinglun">783人评论过</span>
							<div class="content">
								<span class="content_text">【杰森·斯坦森确定加盟<span style="color: #259c9d;">#速7#</span>斯坦森饰演第六部大反派欧文·肖..</span><span class="xiangqing"><a href="#">[详细]</a></span>
							</div>
							<i class="iconfont icon-yonghu-tianchong"></i><a href="#" class="movie_type">热映推荐</a>
						</div>
					</div>
				</li>
				<li>
					<div class="son">
						<a href="#"><img src="img/home_07.png"/></a>
						<div class="introduce">
							<a href="#" class="title">青春派</a>
							<span class="pinglun">97人评论过</span>
							<div class="content">
								<span class="content_text">《青春派》预告片"零差评"逆增长</span><span class="xiangqing"><a href="#">[详细]</a></span>
							</div>
							<i class="iconfont icon-yonghu-tianchong"></i><a href="#" class="movie_type">电影预告</a>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>
